/*
.CSS_START_partials_mixin {
  display: none;
}
*/

@mixin main_navigation_library {
  z-index: 102;
  width: 100%;
  top: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: auto;
  background-color: var(--color-neutral-base);
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 19%);
  min-width: 600px;
}

@mixin button_primary {
  position: relative;
  display: inline;
  border: 1px solid var(--color-text-primary);
  border-radius: 5px;
  text-align: center;
  color:  var(--color-text-primary);
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
  width: auto;
  height: auto;
  transition: all 0.2s;
  flex: none;

  :hover {
    background: rgb(0 0 0 / 5%);
  }
}

@mixin R2_MIXIN_FOCUS_OUTLINE {
  outline: var(--color-brand-primary) solid 2px !important;
  // outline-offset: -2px;
}

@mixin scrollbar_styling {
  &::-webkit-scrollbar {
    width: 12px;
    transition: 200ms;

    &-thumb {
        background-color: var(--color-scrollbar-thumb);
        border-radius: 6px;
        border-left: 2px solid transparent;
        background-clip: padding-box;
        cursor: pointer;

        &:hover {
          border: 0;
        }
    }

    &-track {
        background-color: var(--color-neutral-base);
      }
  }
}

/*
.CSS_END_partials_mixin {
  display: none;
}
*/
